<template>
	<div style="width: 1200px;margin: 0 auto;">
		 <div class="center">
			  <div class="center" >
				  
				  <div style="font-size: 25px; margin: 60px 0;">我的课件</div>
			  </div>
			  <div >
				  
				  <div class="folder" @click="add">
					  <div class="fo">
						  <div class="yuan"><i class="el-icon-plus "></i></div>
					  </div>
					  <div style="margin-top: 10px;">新建</div>
				  </div>
			  </div>
		  </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			add(){
				this.$router.push({path:'/Template'})
			},
		}
	}
</script>

<style scoped="scoped" lang="scss">
	.folder{
		width: 200px;
		height: 250px;
		margin: 0 auto;
		border: 1px dashed #d8d8d8;
		
		background-color: #f8f8f8;
		border-radius: 5px;
	}
	.fo{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 100px;
	}
	.yuan{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #9a9a9a;
		font-size: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		
	}
</style>
